鼠标和ChartPanel交互

ChartPanel具有鼠标交互的支持。ChartPanelAction（在线文档 'ChartPanelAction 枚举'）枚举指定图表面板对象可能的行为。ChartPanelAction 枚举包括以下成员：

通过Action（在线文档 'Action 类'）属性，我们可以生成一个可拖拽的元素，或者一个追随鼠标指针的元素。例如，在前面的示例中添加了Action，我们生成了最终用户可以移动的标记。

XAML	拷贝代码
<!-- 垂直线 --> <c1chart:ChartPanelObject DataPoint="0,NaN" VerticalAlignment="Stretch" Action="LeftMouseButtonDrag" > <Border BorderBrush="Red" BorderThickness="3,0,0,0" Margin="-1.5,0,0,0" /> </c1chart:ChartPanelObject>

XAML

拷贝代码

<!-- 垂直线 -->
   <c1chart:ChartPanelObject DataPoint="0,NaN" VerticalAlignment="Stretch"
       Action="LeftMouseButtonDrag" >
     <Border BorderBrush="Red" BorderThickness="3,0,0,0"
Margin="-1.5,0,0,0" />
   </c1chart:ChartPanelObject>

使用数据绑定很容易添加标签，显示当前的坐标：

XAML	拷贝代码
<!-- vertical line with coordinate label --> <c1chart:ChartPanelObject x:Name="xmarker" DataPoint="0,NaN" VerticalAlignment="Stretch" Action="LeftMouseButtonDrag"> <Border BorderBrush="Red" BorderThickness="3,0,0,0" Margin="-1.5,0,0,0" > <TextBlock Text="{Binding RelativeSource={RelativeSource Self}, Path=Parent.Parent.DataPoint.X,StringFormat='x=0.0;x=-0.0'}" /> </Border> </c1chart:ChartPanelObject>

XAML

拷贝代码

  <!-- vertical line with coordinate label -->
   <c1chart:ChartPanelObject x:Name="xmarker" DataPoint="0,NaN"
VerticalAlignment="Stretch"
       Action="LeftMouseButtonDrag">
     <Border BorderBrush="Red" BorderThickness="3,0,0,0"
Margin="-1.5,0,0,0" >
       <TextBlock
         Text="{Binding RelativeSource={RelativeSource Self},
         Path=Parent.Parent.DataPoint.X,StringFormat='x=0.0;x=-0.0'}" />
     </Border>
   </c1chart:ChartPanelObject>

Attach属性允许关联元素可能的位置至最近的数据点。它可以关联到单一的坐标（X或Y）或同时关联到两个坐标坐标（X和Y）。

查看其它

多绘图区